body {
  padding-top: 44px;
  background-color: #f7f7f7;
}


// 搜索区域--------------------------------------
.list_tab {
  height: 12vw;
  display: flex;
  align-items: center;
  background-color: #fff;

  .list_tab_search {
    flex: 1;
    height: 100%;
    padding: 1.7333vw;
    box-sizing: border-box;

    .list_tab_content {
      height: 8.5333vw;
      border-radius: 4.2667vw;
      background-color: rgb(247, 247, 247);
      display: flex;

      a {
        width: 100%;
        color: rgb(109, 109, 109);
        display: flex;
        align-items: center;
        justify-content: center;

        .iconfont {
          font-size: 3.7333vw;
          margin-right: 1.3333vw;
        }

        span:nth-child(2) {
          font-size: 3.7333vw;
        }
      }
    }
  }

  .list_tab_more {
    margin-right: 3.2vw;

    a {
      display: flex;

      .iconfont {
        font-size: 4.8vw;
        color: rgb(80, 80, 80);
      }
    }
  }
}

// 标题区域-------------------------------------
.list_title {
  height: 12vw;
  padding: 2.6667vw 0;
  box-sizing: border-box;
  background-color: #fff;

  ul {
    height: 100%;
    display: flex;

    li {
      width: 33.33%;
      display: flex;

      .active {
        color: rgb(228, 154, 61);
      }

      a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.7333vw;

        .row {
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin-left: 1.3333vw;

          .iconfont {
            font-size: 3.2vw;
            line-height: 1;
            font-weight: 700;
          }
        }
      }
    }
  }
}

// 内容区域(方案一)-------------------------------------
.list_content1 {
  padding: 0.4vw 0.4vw 0;
  display: flex;
  flex-wrap: wrap;

  li {
    width: 50%;
    height: 66vw;
    padding: 0.8vw;
    display: flex;
    box-sizing: border-box;

    a {
      width: 100%;
      background-color: #fff;

      .pic {
        width: 100%;
        height: 47.8667vw;

        img {
          height: 100%;
        }
      }

      .info {
        padding: 1.0667vw;
        box-sizing: border-box;

        .txt {
          font-size: 3.4667vw;
          line-height: 4.2667vw;
        }

        .price {
          span {
            color: rgb(250, 34, 9);
            font-size: 4vw;

            &:nth-child(2) {
              text-decoration: line-through;
              color: rgb(153, 153, 153);
              font-size: 3.2vw;
            }
          }
        }
      }
    }
  }
}

// 内容区域(方案2)----------------------------------
.list_content2 {

  li {
    margin: 0.5333vw;
    padding: 2.6667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;

    a {
      width: 100%;
      display: flex;
      justify-content: space-between;

      .pic {

        img {
          width: 32vw;
          height: 32vw;
        }
      }

      .info{
        width: 53.6vw;
        height: 32vw;

        .txt {
          font-size: 3.4667vw;
          color: rgb(72, 72, 72);
        }

        .sell {
          font-size: 3.2vw;
          color: rgb(153, 153, 153);
        }

        .price {
          color: rgb(240, 60, 60);
          font-size: 4vw;

          .two {
            text-decoration: line-through;
            font-size: 3.2vw;
            color: rgb(153, 153, 153);
          }
        }
      }
    }
  }
}